import { } from "https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.js";

const $us_log = $(".user_box .us_log");//点击登录按钮
const $us_reg = $(".user_box .us_reg");//点击登录按钮
const $us_name = $(".user_box .us_name");//已经登录的用户姓名
const $quit_btn = $(".user_box .quit_btn");//退出当前用户按钮
const $mask = $(".mask")//遮罩层

const $user_exist = $(".user_exist");//注册页面-存在账号点击登录按钮
const $fast_reg = $(".fast_reg");//登录页面-快速注册按钮

const $user_login = $(".user_login");
const $user_name = $(".user_name");


const $log_close = $(".log_close");//登录盒子的关闭按钮
const $reg_close = $(".reg_close");//注册盒子的关闭按钮


const $login_box = $(".login_box");//登录的盒子
const $registry_box = $(".registry_box");//注册的盒子

const $log_hint = $(".login_box span");//登录页面的提示字
const $reg_hint = $(".registry_box span");//注册页面的提示字
const $reg_deal = $(".reg_deal");//注册用户协议复选框
const $import = $(".import");//所有输入框


$us_log.on("click", function () {//打开登录盒子
    $mask.show();
    $login_box.show();
    $registry_box.hide();
});

$us_reg.on("click", function () {//打开注册盒子
    $mask.show();
    $login_box.hide();
    $registry_box.show();
});

//注册页面-存在账号点击登录按钮
$user_exist.on("click", function () {//打开登录盒子
    $registry_box.hide();
    $login_box.show();
});

//登录页面-快速注册按钮
$fast_reg.on("click", function () {
    $registry_box.show();
    $login_box.hide();
});

// 关闭按钮
$log_close.on("click", function () {//关闭登录盒子
    $mask.hide();
    $login_box.hide();

    //关闭页面后清空输入的内容
    $import.val("");
    $log_hint.html("");

});

$reg_close.on("click", function () {//关闭注册盒子
    $mask.hide();
    $registry_box.hide();

    //关闭页面后清空输入的内容
    $import.val("");
    $reg_deal.prop("checked", false);
    $reg_hint.html("");
});


//判断本地存储是否存在用户名
if (window.localStorage.getItem("loginname")) {
    $user_login.hide();//隐藏登录注册按钮
    $user_name.show();//显示用户名和退出按钮
    $us_name.html(window.localStorage.getItem("loginname"));//显示登录的用户名

    //点击退出按钮，让本地存储清空。
    $quit_btn.on("click", function () {
        window.localStorage.removeItem("loginname");//删除本地存储
        $user_login.show();//显示登录注册按钮
        $user_name.hide();//隐藏用户名和退出按钮
    })
}



